import React, {Component} from 'react';

import './index.css'

class Card extends Component {
    render() {
        const {userList}=this.props
        console.log(userList)
        return (
            <div className="row">
                {  userList.map((item)=>{
                  return   <div className="card" key={item.id}>
                      <a href={item.html_url} target="_blank"  rel="noreferrer">
                          <img src={item.avatar_url} style={{width: "100px"}} alt="avator"/>
                      </a>
                      <p className="card-text">{item.login}</p>
                  </div>
                })}
            </div>
        );
    }
}

export default Card;